<template>
    <div class="jianzhuForm">
        <el-form ref="form" :model="form" :rules="rules" label-width="120px">
            <el-row>
                <el-col :span="12">
                    <el-form-item label="仪表类型" prop="yblx">
                        <el-select v-model="form.yblx" placeholder="请选择" style="width: 100%">
                            <el-option label="类型1" value="shanghai"></el-option>
                            <el-option label="类型2" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="从零计费" prop="cljf">
                        <el-radio v-model="form.cljf" label="1">是</el-radio>
                        <el-radio v-model="form.cljf" label="2">否</el-radio>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="所在网关" prop="szwg">
                        <el-select v-model="form.szwg" placeholder="请选择" style="width: 100%">
                            <el-option label="网关1" value="shanghai"></el-option>
                            <el-option label="网关2" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="通道号" prop="tdh">
                        <el-select v-model="form.tdh" placeholder="请选择" style="width: 100%">
                            <el-option label="通道1" value="shanghai"></el-option>
                            <el-option label="通道2" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="计费方式" prop="jffs">
                        <el-select v-model="form.jffs" placeholder="请选择" style="width: 100%">
                            <el-option label="方式1" value="shanghai"></el-option>
                            <el-option label="方式2" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="所在支路" prop="szzl">
                        <el-select v-model="form.szzl" placeholder="请选择" style="width: 100%">
                            <el-option label="支路1" value="shanghai"></el-option>
                            <el-option label="支路" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="电压变比" prop="dybb">
                        <el-input v-model="form.dybb"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="电流变比" prop="dlbb">
                        <el-input v-model="form.dlbb"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="所在分项" prop="szfx">
                        <el-select v-model="form.szfx" placeholder="请选择" style="width: 100%">
                            <el-option label="分项1" value="shanghai"></el-option>
                            <el-option label="分项2" value="beijing"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">确定</el-button>
                <el-button @click="cancel">取消</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    name: 'yiBiao',
    components: {},
    // props: ["formData"],
    data() {
        return {
            rules: {
                // ydcz: [{required: true, message: "请选择移动充值", trigger: ["blur", "change"]}]
            },
            form: {
                yblx: '',
                cljf: '1',
                szwg: '',
                tdh: '',
                jffs: '',
                szzl: '',
                dybb: '',
                dlbb: '',
                szfx: ''
            }
        }
    },
    computed: {},
    created() {},
    mounted() {
        this.$nextTick(() => {
            this.initData()
        })
    },
    methods: {
        cancel() {
            this.$emit('close', '')
        },
        initData() {},
        onSubmit() {
            let that = this
            this.$refs['form'].validate((valid) => {
                if (valid) {
                    console.log('111')
                    // that.$emit("close", "")
                    that.step = 2
                }
            })
        }
    }
}
</script>

<style lang="scss" scoped>
.ybList {
    .ybContent {
        height: 420px;
        overflow-y: auto;
        overflow-x: hidden;
        .ybNum {
            font-size: 16px;
            color: #000;
            font-weight: bold;
            padding: 5px 0 10px 11px;
            margin-bottom: 10px;
        }
    }
    .btnSave {
        text-align: right;
    }
}
.addDiv {
    font-size: 16px;
    background-color: #f9fafc;
    height: 45px;
    line-height: 45px;
    margin-bottom: 20px;
    margin-left: 5px;
    border-radius: 2px;
    padding: 0 18px;
    text-align: right;
    display: flex;
    span {
        font-size: 16px;
        width: 150px;
        text-align: left;
        color: #777;
        label {
            font-size: 16px;
            color: #333;
        }
    }
    .customBtns {
        text-align: right;
        flex: 1;
    }
}
.titleImg {
    margin-bottom: 10px;
}
.jianzhuForm {
}
</style>
